import React from "react";
import './index.css'
import Tel from './Tel.png'
import email from './email.png'
import location from './location.png'

export default function Footer () {
  return (
    <div className="ui-footer">
      <div className="subfooter">
        <p className="sunfooter-text">CONTACT US</p>
        <p className="sunfooter-text"><img className="sunfooter-imagin" src={Tel} alt="电话" />+136-4252-6479</p>
        <p className="sunfooter-text"><img className="sunfooter-imagin" src={email} alt="邮箱" />1432845184@qq.com</p>
        <p className="sunfooter-text"><img className="sunfooter-imagin" src={location} alt="地址" />重邮信科-331</p>
      </div>
      <div className="subfooter">
        <p className="sunfooter-text" style={{ marginBottom: "2rem" }}>POPULAR NEWS</p>
        <p className="sunfooter-text" style={{ color: 'rgb(27, 224, 238)' }}>愿景：我们的 331 越来越好！</p>
        <hr />
        <p className="sunfooter-text" style={{ color: 'rgb(27, 224, 238)' }}>"Your Personal Guide to Visit in 331-Studio"</p>
      </div>
      <div className="subfooter">
        <p className="sunfooter-text">QUICK LINKS</p>
        <button style={{ borderStyle: 'none', backgroundColor: 'rgb(5, 64, 99)' }}>
          <a href="http://www.baidu.com"><li className="sunfooter-text" style={{ listStyleType: 'disc' }}>Baidu</li></a>
        </button>
        <button style={{ borderStyle: 'none', backgroundColor: 'rgb(5, 64, 99)' }}>
          <a href="http://www.bing.com"><li className="sunfooter-text" style={{ listStyleType: 'disc' }}>Bing</li></a>
        </button>
      </div>
    </div>
    
  )
}
